<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./css/base.css" />
    <link rel="stylesheet" href="./css/style.css" />
    <link rel="stylesheet" href="./fonts/iconfont.css">
    <link rel="shortcut icon" href="favicon.ico" type="favicon.ico">
     <link rel="stylesheet" href="./css/swiper-bundle.min.css">
     
  
  </head>
  <body>
    <!-- top S  -->
    <div class="top">
      <div class="w">
        <div class="fl">
          品有购欢迎您！
          <a href="./login/login.html">请登录</a>
          <a href="./submit/submit.html" class="col">免费注册</a>
        </div>
        <div class="fr">
          <a href="#"> 我的订单</a>
          <span>|</span>
          <a href="#" class="sj"> 我的品优购</a>
          <span>|</span>
          <a href="#"> 品优购会员</a>
          <span>|</span>
          <a href="#"> 企业采购</a>
          <span>|</span>
          <a href="#" class="sj1"> 关注品优购</a>
          <span>|</span>
          <a href="#" class="sj2"> 客户服务</a>
          <span>|</span>
          <a href="#" class="sj3"> 网站导航</a>
        </div>
      </div>
    </div>
    <!-- nav S  -->
    <div class="w">
      <div class="nav">
        <div class="logo">
          <h1>
            <a href="#" target="_blank"><img src="./img/logo.png" alt="品有够"></a>
          </h1>
        </div>
        <div class="search">
          <form action="">
            <input type="text" />
            <button>搜索</button>
            <div class="nav-list">
              <a href="#" class="cur">优惠购首发</a>
              <a href="#">亿元优惠</a>
              <a href="#">9.9元团购</a>
              <a href="#">美满99减30</a>
              <a href="#">办公用品</a>
              <a href="#">电脑</a>
            </div>
          </form>
          <div class="shopcar">
            <a href="./count/count.html">
              <span class="iconfont">&#xeab2;</span>
              <span> 我的购物车</span>
              <span>></span>
              <div class="num">8</div>
            </a>
          </div>
        </div>
      </div>
    </div>
    <!-- tonglan -->
    <div class="nav2 ">
      <div class="w">
        <div class="all"><a href="./class/class.html">全部商品分类</a></div>
      </div>
      <div class="all-lis">
        <ul>
          <li><a href="#">服装城</a></li>
          <li><a href="#">美妆馆</a></li>
          <li><a href="#">美妆馆</a></li>
          <li><a href="#">传智超市</a></li>
          <li><a href="#">全球购</a></li>
          <li><a href="#">闪购</a></li>
          <li><a href="#">团购</a></li>
          <li><a href="#">拍卖</a></li>
          <li><a href="#">有趣</a></li>
        </ul>
      </div>
    </div>
    <!-- main  -->
    <div class="slide w clearfix">
      <div class="slide-l fl">
        <ul>
          <span>></span>
          <li><a href="#">家用电器</a></li>
          <span>></span>
          <li><a href="#">手机、数码、通信</a></li>
          <span>></span>
          <li><a href="#">电脑、办公</a></li>
          <span>></span>
          <li><a href="#">家居、家具、家装、厨具</a></li>
          <span>></span>
          <li><a href="#">男装、女装、童装、内衣</a></li>
          <span>></span>
          <li><a href="#">个户化妆、清洁用品、宠物</a></li>
          <span>></span>
          <li><a href="#">鞋靴、箱包、珠宝、奢侈品</a></li>
          <span>></span>
          <li><a href="#">运动户外、钟表</a></li>
          <span>></span>
          <li><a href="#">汽车、汽车用品</a></li>
          <span>></span>
          <li><a href="#">母婴、玩具乐器</a></li>
          <span>></span>
          <li><a href="#">食品、酒类、生鲜、特产</a></li>
          <span>></span>
          <li><a href="#">医药保健</a></li>
        </ul>
      </div>
      <!-- 焦点图 -->
      <div class="slide-c ">
       <div class="focus"> 
        <!-- Swiper -->
  <div class="swiper-container  clearfix">
    <div class="swiper-wrapper">
      <div class="swiper-slide"><img src="./upload/focus1.png" alt=""></div>
      <div class="swiper-slide"><img src="./upload/focus1.png" alt=""></div>
      <div class="swiper-slide"><img src="./upload/focus1.png" alt=""></div>
      <div class="swiper-slide"><img src="./upload/focus1.png" alt=""></div>
      <div class="swiper-slide"><img src="./upload/focus1.png" alt=""></div>
      <div class="swiper-slide"><img src="./upload/focus1.png" alt=""></div>
      <div class="swiper-slide"><img src="./upload/focus1.png" alt=""></div>
      <div class="swiper-slide"><img src="./upload/focus1.png" alt=""></div>
      <div class="swiper-slide"><img src="./upload/focus1.png" alt=""></div>
      <div class="swiper-slide"><img src="./upload/focus1.png" alt=""></div>
    </div>
    <!-- Add Pagination -->
    <div class="swiper-pagination"></div>
    <!-- Add Arrows -->
    <div class="swiper-button-next"></div>
    <div class="swiper-button-prev"></div>
  </div>
 <!-- Swiper JS -->
 <script src="./js/swiper-bundle.min.js"></script>

 <!-- Initialize Swiper -->
 <script>
   var swiper = new Swiper('.swiper-container', {
     slidesPerView: 1,
     spaceBetween: 30,
     loop: true,
     pagination: {
       el: '.swiper-pagination',
       clickable: true,
     },
     navigation: {
       nextEl: '.swiper-button-next',
       prevEl: '.swiper-button-prev',
     },
   });
 </script>
          <!-- <ul>
          <li><a href="#"><img src="./upload/focus1.png" alt=""></a></li>
         <li><a href="#"><img src="./upload/focus1.png" alt=""></a></li>
           <li><a href="#"><img src="./upload/focus1.png" alt=""></a></li>
           <li><a href="#"><img src="./upload/focus1.png" alt=""></a></li>
         </ul>
         </div>
         <div class="arrow-l"><img src="./img/arrow-prev.png" alt=""></div>
         <div class="arrow-r"><img src="./img/arrow-next.png" alt=""></div>
         <div class="cicler">
           <ul>
             <li><a href="#"></a></li>
             <li class="current"></a></li>
             <li><a href="#"></a></li>
             <li><a href="#"></a></li>
           </ul>
           <ol>
             <li></li>
          </ol>
        </div> -->
      </div> -->
      <!-- 焦点图结束 -->
    </div>
    <div class="slide-r">
      <div class="pap">
        <div class="p-th">
          <h3>品有够快报</h3>
          <a href="#">更多 &nbsp;></a>
        </div>
        <div class="p-tb">
          <ul>
            <li>
              <a href="#"><span>[特惠]</span>备战开学季全民半价购数码</a>
            </li>
            <li>
              <a href="#"><span>[公告]</span>品有够稳占建店时差那个</a>
            </li>
            <li>
              <a href="#"><span>[特惠]</span>阳澄湖大闸蟹优惠券免费领</a>
            </li>
            <li>
              <a href="#"><span>[公告]</span>把员工在钟情你打开</a>
            </li>
            <li>
              <a href="#"><span>[特惠]</span>每日享折扣品质品有够</a>
            </li>
          </ul>
        </div>
        <div class="p-tf">
        <ul>
         <li>
          <div class="icon"></div>
          <p>话费</p>
         </li>
         <li>
          <div class="icon"></div>
          <p>飞机</p>
          <span><img src="./img/jian.png" alt=""></span>
         </li>
         <li>
          <div class="icon"></div>
          <p>电影票</p>
         </li>
         <li>
          <div class="icon"></div>
          <p>游戏</p>
         </li>
         <li>
          <div class="icon"></div>
          <p>彩票</p>
         </li>
         <li>
          <div class="icon"></div>
          <p>加油卡</p>
         </li>          
        </li>
        <li>
         <div class="icon"></div>
         <p>酒店</p>
        </li>
        <li>
         <div class="icon"></div>
         <p>火车票</p>
        </li>
        <li>
         <div class="icon"></div>
         <p>众筹</p>
        </li>
        <li>
         <div class="icon"></div>
         <p>理财</p>
        </li>
        <li>
         <div class="icon"></div>
         <p>礼品卡</p>
        </li>  
        <li>
          <div class="icon"></div>
          <p>白条</p>
         </li>          
        </ul>      
      </div>
    </div>
    <div class="pic"><img src="./upload/bargain.png" alt=""></div>
    <!-- guss -->
    <!-- <div class="w">
      <div class="main-b">
        <div class="main-l"><img src="./upload/recom_03.jpg" alt="" /></div>
        <div class="main-r">
          <ul>
            <li>
              <a href="#"><img src="./upload/recom_03.jpg" alt="" /></a>
            </li>
            <li>
              <a href="#"><img src="./upload/recom_03.jpg" alt="" /></a>
            </li>
            <li>
              <a href="#"><img src="./upload/recom_03.jpg" alt="" /></a>
            </li>
            <li>
              <a href="#"><img src="./upload/recom_03.jpg" alt="" /></a>
            </li>
          </ul>
        </div>
      </div>
    </div> -->
  </div>
  </div>
    <!-- clock S  -->
    <div class="w clock ">
      <div class="clock-l">
        <h3>今日推荐</h3>
      </div>
      <div class="clock-r">
        <ul class="clearfix">
          <li><a href="#"><img src="./upload/recom_03.jpg" alt=""><div class="lin"></div></a></li>
          <li><a href="#"><img src="./upload/recom_03.jpg" alt=""><div class="lin"></div></a></li>
          <li><a href="#"><img src="./upload/recom_03.jpg" alt=""><div class="lin"></div></a></li>
          <li><a href="#"><img src="./upload/recom_03.jpg" alt=""> </a></li>
        </ul>
      </div>
    </div>
    <!-- 侧边固定蓝subslide s  -->
    <div class="subslide">
      <ul>
        <li class="lis"><a href="#">家用电器</a></li>
        <li><a href="#">收集通讯</a></li>
        <li><a href="#">电脑办公</a></li>
        <li><a href="#">家具家居</a></li>
        <li><a href="#">生活用品</a></li>
        <li><a href="#">运动户外</a></li>
        <li><a href="#">汽车用品</a></li>
        <li><a href="#">食品酒类</a></li>
        <li><a href="#">汽车用品</a></li>
        <li><a href="#">医疗保健</a></li>
        <li><a href="#">图书音像</a></li>
        <li><a href="#"> 金融彩票</a></li>
      </ul>
    </div>
    <div class="w">
      <div class="guess">
        <h2>猜你喜欢</h2>
     <div class="pic"> <a href="./详情页/详情页.html">换一批<img src="./upload/icon.png" alt=""></a></div>
      </div>
      <div class="list">
        <ul>
          <li><a href="./详情页/详情页.html"><img src="./upload/s3.png" alt="">  <div class="line"></div></a>
            <h4>三星</h4>
            <p>(G5500)移动联</p>
            <span>￥649.00</span>      
          </li>
          <li><a href="./详情页/详情页.html"><img src="./upload/s3.png" alt="">  <div class="line"></div></a>
            <h4>三星</h4>
            <p>(G5500)移动联</p>
            <span>￥649.00</span>       
          </li>
          <li><a href="#"><img src="./upload/s3.png" alt="">  <div class="line"></div></a>
            <h4>三星</h4>
            <p>(G5500)移动联</p>
            <span>￥649.00</span>          
          </li>
          <li><a href="#"><img src="./upload/s3.png" alt="">  <div class="line"></div></a>
            <h4>三星</h4>
            <p>(G5500)移动联</p>
            <span>￥649.00</span>          
          </li>
          <li><a href="#"><img src="./upload/s3.png" alt="">  <div class="line"></div></a>
            <h4>三星</h4>
            <p>(G5500)移动联</p>
            <span>￥649.00</span> 
          </li>
          <li><a href="#"><img src="./upload/s3.png" alt=""> </a>
            <h4>三星</h4>
            <p>(G5500)移动联</p>
            <span>￥649.00</span> 
          </li>
        </ul>
      </div>
      <!-- 传智播客兴趣区s  -->
      <div class="guess">
        <h2>传智播客.有趣区</h2>
      </div>
      <div class="hobby">
        <div class="hobb-l fl">
          <div class="pic">
            <h4>传智播客好书榜<br>畅销推荐低至一折</h4>
           <div class="picc"> <img src="./upload/book.png" alt=""></div>
          </div>
          <div class="good">
            <div class="th">
              好东西
            </div>
            <div class="tb">
              <div class="tb-l fl">
                <h3>达人推荐</h3>
                <p>雷神金属机械键盘</p>
                <span>与你相见恨晚</span>
              </div>
              <div class="tb-r fr">
                <div class="qp"><img src="./upload/key.png" alt=""></div>
              </div>
            <div class="tb">
              <div class="tb-l fl">
                <h3>发现好物</h3>
                <p>一不小心霸气外露</p>
                <span>等你来</span>
              </div>
              <div class="tb-r fr">
                <div class="qp"><img src="./upload/qp.png" alt=""></div>
              </div>
            </div>          
          </div>
        </div>   
        </div>
        <div class="hobb-r fr">
        <div class="banner fl">       
          <div class="th"> 
            品牌街
          </div>
          <div class="tb">
            <div class="tb-l fl">
              <h3>苏泊尔</h3>
              <p>返场大秀</p>
              <span>爆品直降100元</span>
            </div>
            <div class="tb-r fl">
              <div class="guo">
                <div class="guo">
                  <img src="./upload/guo.png" alt="">
                </div>
              </div>
            </div>            
          </div>
          <div class="tf">
            <div class="tf-l fl">
              <div class="xie fr">
                <!-- <img src="./upload/xie.png" alt=""> -->
              </div>
              <div class="tb-l fl">
                <h3>国际大牌</h3>
                <p>addas</p>
                <span>部分3免1</span>
              </div>
            </div>
            <div class="tf-r fl">
              <div class="zk fr">
                <!-- <img src="./upload/zk.png" alt=""> -->
              </div>
              <div class="tb-l fl">
                <h3>本周特卖</h3>
                <p>大牌折扣</p>
                <span>本周上新</span>
              </div>
            </div>
          </div>
       </div>
       <div class="br-list fr"><img src="./img/business.png" alt=""></div>
      </div>
      </div>      
    </div>   
    <!-- 家用电器S  -->
   <div class="w">
     <div class="ele ">
      <div class="home fl">
        <h4>家用电器</h4>        
      </div>
        <div class="lis fr">
            <!-- <div class="nav-tab">
              <ul>
                <li><a href="#">热门 <span>|</span></a> </li>
                <li><a href="#">大家电<span>|</span></a></li>
                <li><a href="#">生活电器<span>|</span></a></li>
                <li><a href="#">厨房电器<span>|</span></a></li>
                <li><a href="#">个护健康<span>|</span></a></li>
                <li><a href="#">应季电器<span>|</span></a></li>
                <li><a href="#">空气/净化器<span>|</span></a></li>
                <li><a href="#">新奇特<span>|</span></a></li>
                <li><a href="#">高端电器</a></li>
              </ul> -->
             <a href="#">热门 <span>|</span></a> 
            <a href="#">大家电<span>|</span></a>
            <a href="#">生活电器<span>|</span></a>         
            <a href="#">厨房电器<span>|</span></a>
            <a href="#">个护健康<span>|</span></a>
            <a href="#">应季电器<span>|</span></a>
            <a href="#">空气/净化器<span>|</span></a>
            <a href="#">新奇特<span>|</span></a>
            <a href="#">高端电器</a>   
            </div>
            
            <!-- <div class="lis-box" >
              <div class="item">热门</div>
              <div class="item">大家电</div>
              <div class="item">生活电器</div>
              <div class="item">厨房电器</div>
              <div class="item">个护健康</div>
              <div class="item">应季电器</div>
              <div class="item">空气/净化器</div>
              <div class="item">新奇特</div>
              <div class="item">高端电器</div>
            </div> -->
     </div>
     <div class="threec ">
       <div class="tv clearfix">
         <div class="des">
          <p>节能补贴 </p> <i class="fr">4K电视</i>
          <p>空气净化器 </p> <i>IH电饭煲</i>
          <p>滚筒洗衣机 </p> <i>电热水器</i>
         </div>
         <img src="./upload/floor-1-1.png" alt="">
        </div>
       <div class="hotw">
         <img src="./upload/floor-1-b01.png" alt="">
         <div class="cic">
          <div class="cic1"></div>
          <div class="cic2"></div>
          <div class="cic3"></div>
         </div>
      </div>
       <div class="roast">
         <div class="roast-t"><img src="./upload/floor-1-2.png" alt=""></div>
         <div class="roast-b"><img src="./upload/floor-1-3.png" alt=""></div>
       </div>
       <div class="fast"><img src="./upload/floor-1-4.png" alt=""></div>
       <div class="air">
        <div class="aircondition"> <img src="./upload/floor-1-5.png" alt=""></div>
        <div class="fengshan"><img src="./upload/floor-1-6.png" alt=""></div>
        </div>
     </div>   
    </div>
   <!-- 手机通讯S  -->
   <div class="w">
    <div class="ele">
     <div class="home fl">
       <h4>手机通讯</h4>        
     </div>
       <div class="lis fr">
           <a href="#">热门 <span>|</span></a> 
           <a href="#">品质优越<span>|</span></a>
           <a href="#">生活电器<span>|</span></a>         
           <a href="#">厨房电器<span>|</span></a>
           <a href="#">个护健康<span>|</span></a>
           <a href="#">应季电器<span>|</span></a>
           <a href="#">空气/净化器<span>|</span></a>
           <a href="#">新奇特<span>|</span></a>
           <a href="#">高端电器</a>          
       </div>
    </div> 
    <div class="threec">
      <div class="tv">
        <div class="des">
         <p>节能补贴 </p> <i class="fr">4K电视</i>
         <p>空气净化器 </p> <i>IH电饭煲</i>
         <p>滚筒洗衣机 </p> <i>电热水器</i>
        </div>
        <img src="./upload/floor-1-1.png" alt="">
       </div>
      <div class="hotw">
        <img src="./upload/floor-1-b01.png" alt="">
        <div class="cic">
         <div class="cic1"></div>
         <div class="cic2"></div>
         <div class="cic3"></div>
        </div>
     </div>
      <div class="roast">
        <div class="roast-t"><img src="./upload/floor-1-2.png" alt=""></div>
        <div class="roast-b"><img src="./upload/floor-1-3.png" alt=""></div>
      </div>
      <div class="fast"><img src="./upload/floor-1-4.png" alt=""></div>
      <div class="air">
       <div class="aircondition"> <img src="./upload/floor-1-5.png" alt=""></div>
       <div class="fengshan"><img src="./upload/floor-1-6.png" alt=""></div>
       </div>
    </div> 
    <div class="brand"><img src="./img/brand.png" alt=""></div>  
   </div>
   <!-- 办公电脑S  -->
   <div class="w clearfix">
    <div class="ele">
     <div class="home fl">
       <h4>办公电脑</h4>        
     </div>
       <div class="lis fr">
           <a href="#">热门 <span>|</span></a> 
           <a href="#">品质优越<span>|</span></a>
           <a href="#">生活电器<span>|</span></a>         
           <a href="#">厨房电器<span>|</span></a>
           <a href="#">个护健康<span>|</span></a>
           <a href="#">应季电器<span>|</span></a>
           <a href="#">空气/净化器<span>|</span></a>
           <a href="#">新奇特<span>|</span></a>
           <a href="#">高端电器</a>          
       </div>
    </div> 
    <div class="threec">
      <div class="tv">
        <div class="des">
         <p>节能补贴 </p> <i class="fr">4K电视</i>
         <p>空气净化器 </p> <i>IH电饭煲</i>
         <p>滚筒洗衣机 </p> <i>电热水器</i>
        </div>
        <img src="./upload/floor-1-1.png" alt="">
       </div>
      <div class="hotw">
        <img src="./upload/floor-1-b01.png" alt="">
        <div class="cic">
         <div class="cic1"></div>
         <div class="cic2"></div>
         <div class="cic3"></div>
        </div>
     </div>
      <div class="roast">
        <div class="roast-t"><img src="./upload/floor-1-2.png" alt=""></div>
        <div class="roast-b"><img src="./upload/floor-1-3.png" alt=""></div>
      </div>
      <div class="fast"><img src="./upload/floor-1-4.png" alt=""></div>
      <div class="air">
       <div class="aircondition"> <img src="./upload/floor-1-5.png" alt=""></div>
       <div class="fengshan"><img src="./upload/floor-1-6.png" alt=""></div>
       </div>
    </div>   
   </div>
   <!-- 热门疯抢 S  -->
   <div class="w ">
     <div class="guess">
      <h2>热门疯抢</h2>
     </div>
     <div class="crazy">   
       <div class="cra-1">
         <div class="pic"><img src="./upload/3d.png" alt=""></div>
         <p>暴风魔镜 小D 虚拟现实智能VR眼镜3</p>
         <span>￥79.00</span>
       </div>   
       <div class="cra-2">
         <div class="tt">
          <img src="./upload/dy.png" alt="">
           <div class="pi">
             <br>羽博7800A</br>移动电源充电</p>
             <span>￥139.00</span>
           </div>
         </div>
         <div class="tb">
           <img src="./upload/xk.png" alt="">
           <div class="pi">
            <br>2021夏季新款短</br>袖镂空大v领蕾丝</p>
            <span>￥128.00</span>
          </div>
         </div>
       </div>
       <div class="cra-3">
        <div class="cra-2">
          <div class="tt">
           <img src="./upload/dy.png" alt="">
            <div class="pi">
              <br>羽博7800A</br>移动电源充电</p>
              <span>￥139.00</span>
            </div>
          </div>
          <div class="tb">
            <img src="./upload/xk.png" alt="">
            <div class="pi">
             <br>2021夏季新款短</br>袖镂空大v领蕾丝</p>
             <span>￥128.00</span>
           </div>
          </div>
        </div>
       </div>
       <div class="cra-4">
        <div class="cra-2">
          <div class="tt">
           <img src="./upload/dy.png" alt="">
            <div class="pi">
              <br>羽博7800A</br>移动电源充电</p>
              <span>￥139.00</span>
            </div>
          </div>
          <div class="tb">
            <img src="./upload/xk.png" alt="">
            <div class="pi">
             <br>2021夏季新款短</br>袖镂空大v领蕾丝</p>
             <span>￥128.00</span>
           </div>
          </div>
        </div>
       </div>
       <div class="cra-5">
         <div class="ttt">
           <img src="./upload/fbl.png" alt="">
           <div class="bx1">
             <div class="bo"></div>
              <span>0807**</span>
            <div class="msg">
              <div class="sj"></div>
              "高分辨率的屏幕用着跟台式一样..."
            </div>
           </div>
         </div>
         <div class="tbb">
          <img src="./upload/xst.png" alt="">
          <div class="bx1">
            <div class="bo"></div>
             <span>淹***鱼</span>
           <div class="msg">
             <div class="sj"></div>
             "摄像头超清晰，拍出来的图片是1..."
           </div>
          </div>
        </div>
       </div>
     </div>
   
    <!-- 页脚s  -->
    <div class="footer">
      <div class="w">
        <div class="foo-t">
          <ul>
            <li>
              <div class="box"></div>
              <div class="pp">
                <h3>正品保障</h3>
                <p>正品保障,提供发票</p>
              </div>
            </li>
            <li>
              <div class="box"></div>
              <div class="pp">
                <h3>正品保障</h3>
                <p>正品保障,提供发票</p>
              </div>
            </li>
            <li>
              <div class="box"></div>
              <div class="pp">
                <h3>正品保障</h3>
                <p>正品保障,提供发票</p>
              </div>
            </li>
            <li>
              <div class="box"></div>
              <div class="pp">
                <h3>正品保障</h3>
                <p>正品保障,提供发票</p>
              </div>
            </li>
            <li>
              <div class="box"></div>
              <div class="pp">
                <h3>正品保障</h3>
                <p>正品保障,提供发票</p>
              </div>
            </li>
          </ul>
        </div>
        <div class="foo-c">
          <div class="c1 fl">
            <dl>
              <dt>购物指南</dt>
              <dd>购物流程</dd>
              <dd>会员介绍</dd>
              <dd>生活旅行/团购</dd>
              <dd>常见问题</dd>
              <dd>大家电</dd>
              <dd>联系客服</dd>
            </dl>          
          </div>
          <div class="c2 fl">
            <dl>
              <dt>配送法式</dt>
              <dd>上门自提</dd>
              <dd>211限时达</dd>
              <dd>配送服务查询</dd>
              <dd>配送费收取标准</dd>
              <dd>海外配送</dd>
            </dl>
          </div>
          <div class="c3 fl">
            <dl>
              <dt>支付方式</dt>
              <dd>货到付款</dd>
              <dd>在线支付</dd>
              <dd>分期付款</dd>
              <dd>邮局汇款</dd>
              <dd>公司转账</dd>          
            </dl>
          </div>
          <div class="c4 fl">
            <dl>
              <dt>售后服务</dt>
              <dd>售后政策</dd>
              <dd>价格保护</dd>
              <dd>退款说明</dd>
              <dd>返修/退换货</dd>
              <dd>取消订单</dd>
            </dl>
          </div>
          <div class="c5 fl">
            <dl>
              <dt>特色服务</dt>
              <dd>夺宝岛</dd>
              <dd>diy装机</dd>
              <dd>延保服务</dd>
              <dd>品有够E卡</dd>
              <dd>品有够通讯</dd>      
            </dl>
          </div>
          <div class="c6 fl">
            <dl>
              <dt>帮助中心</dt>
              <dd><img src="./img/wx_cz.jpg" alt=""></dd>
              <dd>品有够客户端</dd>    
            </dl>
          </div>
        </div>
        <div class="foo-b">
        
          <a href="#">联系我们 <span>|</span></a>
         
          <a href="#">联系客服<span>|</span></a>
          
          <a href="#">商家入驻 <span>|</span></a>
         
          <a href="#">营销中心 <span>|</span>   </a>
         
          <a href="#">手机品优购 <span>|</span>  </a>
          
          <a href="#">友情链接<span>|</span> </a>
          
          <a href="#">销售联盟  <span>|</span>  </a>
         
          <a href="#">品优购社区<span>|</span>  </a>
          
          <a href="#">品优购公益 <span>|</span>  </a>
          
          <a href="#">English Site <span>|</span> </a>
         
          <a href="#">Contact U</a>   <br><br>
        
          <p>地址：北京市昌平区建材城西路金燕龙办公楼一层 
            邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn</p>
            <p>京ICP备08001421号京公网安备110108007702</p>
      </div>           
        </div>
      </div>
    </div>
  </body>
</html>
